﻿<!-- FUNÇÃO PARA RECEBER SOMENTE NUEMROS NOS CAMPOS DA DATA -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
	function verificaNumero(e) {
		if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
			return false;
		}
	}
	
	function verificaSenha(senha, repetirsenha){
		
		if(senha != repetirsenha){
			return false;
		}
	
	}
</script>


<style type="text/css">
.formCadastrar{
	margin-left: 100px;
	margin-top: -120px;
	text-align: left;
	}
.h2left{
	margin-left:100px;
	}
</style>
<link href="dist/css/bootstrap.css" rel="stylesheet">

    <!-- PARA O DATEPICKER --> 
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/datepicker.css" rel="stylesheet">       

    <!-- Custom styles for this template -->
    <link href="examples/sticky-footer-navbar/sticky-footer-navbar.css" rel="stylesheet"> 
<link href="examples/signin/signin.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet" type="text/css">



<div>
	<a href="indexLogadoAdm.php"><img src="img/victim.jpg" width="183" height="117"></a>
</div> 


<div class="formCadastrar">

<div class="page-header">
	<h2 class="h2left">Cadastrar  Perfil</h2>
</div>

<form class="form-horizontal" role="form" method="post" action="actionCadastrarUsuario.php" enctype="multipart/form-data">



    <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">Nome :</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="nome" name="nome" required>
        </div>
    </div>

    <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">Genero :</label>
        <div class="col-sm-4">
             <INPUT TYPE="RADIO" NAME="sexo" VALUE="M"> Masculino           &nbsp;  &nbsp;  &nbsp; 
             <INPUT TYPE="RADIO" NAME="sexo" VALUE="F"> Feminino 
        </div>
    </div>    

    <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">Data de Nascimento :</label> 
        <div class="col-sm-4" >
        	<input type="text" id="datapicker" class="form-control" name="datapicker" placeholder="data">				
            
           
        </div>       
    </div>       

    
    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">Função :</label>
        <div class="col-sm-4">
            <select class="form-control" id="setor" name="setor" >
              <option value="0"> </option>
              <option value="Almoxarife">Almoxarife</option>
              <option value="AnalistaDeLogística">Analista de Logística</option>
              <option value="Analista de Marketing">Analista de Marketing</option>
              <option value="Auxiliar administrativo">Auxiliar administrativo </option>
              <option value="Auxiliar Financeiro">Auxiliar Financeiro</option>
              <option value="Auxiliar de Almoxarifado">Auxiliar de Almoxarifado</option>
              <option value="AuxiliardeProdução">Auxiliar de Produção</option>
              <option value="AuxiliardeExpedição">Auxiliar de Expedição</option>
              <option value="AuxiliardeEmbalagem">Auxiliar de Embalagem</option>
              <option value="AuxiliardeServiçosGerais">Auxiliar de Serviços Gerais</option>
              <option value="AjudantedeManutenção">Ajudante de Manutenção</option>
              <option value="AjudantedeProdução">Ajudante de Produção</option>
              <option value="CoordenadordeContabilidade">Coordenador de Contabilidade </option>
              <option value="Coordenadordevendas">Coordenador de vendas</option>
              <option value="DiretordeLogística">Diretor de Logística</option>
              <option value="DiretorAdministrativo">Diretor Administrativo</option>
              <option value="DiretorComercial">Diretor Comercial</option>
              <option value="DiretordeSuprimentos">Diretor de Suprimentos</option>
              <option value="DiretorIndustrial">Diretor Industrial</option>
              <option value="DiretorGeral">Diretor Geral</option>
              <option value="GerentedeLogística">Gerentede Logística</option>
              <option value="GerenteAdministrativo">Gerente Administrativo </option>
              <option value="GerenteComercial">Gerente Comercial</option>
              <option value="GerenteAdm.Materiais/Compras/Suprim.">Gerente Adm.Materiais/ Compras/ Suprim.</option>
              <option value="GerenteIndustrial">Gerente Industrial</option>
              <option value="GerentedeProdução">Gerente de Produção</option>
              <option value="GerentedeControledeQualidade">Gerente de Controle de Qualidade</option>
              <option value="GerentedeManutenção">Gerente de Manutenção</option>
              <option value="GerentedeDesenvolvimentodeProdutos">Gerente de Desenvolvimento de Produtos</option>
              <option value="GerentedeDistribuição/Transportes">Gerente de Distribuição/ Transportes</option>
              <option value="GerentedeFilial">Gerente de Filial </option>
              <option value="GerentedeMarketing">Gerente de Marketing</option>
              <option value="GerentedeProdutos">Gerente de Produtos</option>
              <option value="GerentedeVendas">Gerente de Vendas</option>
              <option value="GestordeRH">Gestor de RH</option>
              <option value="Motorista">Motorista</option>
              <option value="Presidente">Presidente</option>
              <option value="Secretaria">Secretaria</option>
              <option value="Superintendente">Superintendente</option>
              <option value="SupervisordeManutenção">Supervisor de Manutenção </option>
              <option value="Tesoureiro">Tesoureiro</option>
              <option value="VicePresidente">Vice Presidente</option>              
            </select>
        </div>
    </div>    
    
    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">Email/Login :</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="login" name="login"  required>
        </div>
    </div>

<div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">Senha :</label>
        <div class="col-sm-4">
            <input type="password" class="form-control" id="senha" name="senha"  required>
        </div>
    </div>
    
    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">Repetir Senha :</label>
        <div class="col-sm-4">
            <input type="password" class="form-control" id="repetirsenha" name="repetirsenha"  required>
        </div>
    </div>
    
    
    <br> 
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">&nbsp; &nbsp;
        <button type="submit" class="btn btn-primary" name="cadastrarUsuario">Cadastrar</button>
        <input name="limparDados" type="reset" class="btn btn-primary" id="limparDados" value="Limpar Dados" size="10"></input>
        <a href="index.php"><input name="cancelar" class="btn btn-primary" value="Cancelar" size="8"></input></a>
      </div>
    </div>	   
    
    
           
                  
</form> 
                                                                             
<!-- PARA O DATEPICKER -->





    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-datepicker.js"></script>
	<script>
	if (top.location != location) {
    top.location.href = document.location.href ;
  }
		$(function(){
			window.prettyPrint && prettyPrint();
			$('#datapicker').datepicker({
				format: 'dd-mm-yyyy'
			});
			$('#datapicker').datepicker();
			$('#dp3').datepicker();
			$('#dp3').datepicker();
			$('#dpYears').datepicker();
			$('#dpMonths').datepicker();
			
			
			var startDate = new Date(2012,1,20);
			var endDate = new Date(2012,1,25);
			$('#dp4').datepicker()
				.on('changeDate', function(ev){
					if (ev.date.valueOf() > endDate.valueOf()){
						$('#alert').show().find('strong').text('The start date can not be greater then the end date');
					} else {
						$('#alert').hide();
						startDate = new Date(ev.date);
						$('#startDate').text($('#dp4').data('date'));
					}
					$('#dp4').datepicker('hide');
				});
			$('#dp5').datepicker()
				.on('changeDate', function(ev){
					if (ev.date.valueOf() < startDate.valueOf()){
						$('#alert').show().find('strong').text('The end date can not be less then the start date');
					} else {
						$('#alert').hide();
						endDate = new Date(ev.date);
						$('#endDate').text($('#dp5').data('date'));
					}
					$('#dp5').datepicker('hide');
				});

        // disabling dates
        var nowTemp = new Date();
        var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

        var checkin = $('#dpd1').datepicker({
          onRender: function(date) {
            return date.valueOf() < now.valueOf() ? 'disabled' : '';
          }
        }).on('changeDate', function(ev) {
          if (ev.date.valueOf() > checkout.date.valueOf()) {
            var newDate = new Date(ev.date)
            newDate.setDate(newDate.getDate() + 1);
            checkout.setValue(newDate);
          }
          checkin.hide();
          $('#dpd2')[0].focus();
        }).data('datepicker');
        var checkout = $('#dpd2').datepicker({
          onRender: function(date) {
            return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
          }
        }).on('changeDate', function(ev) {
          checkout.hide();
        }).data('datepicker');
		});
	</script>
    
    

 
    
</div>